<div class="service-config">
    <h2>基础配置</h2>
    <hr>

    <h3>POD配置&nbsp;<span class="require"></span>
        <a href="javascript:;" class="href-add" ng-click="addContainer()">
            <i class="fa fa-plus-circle fa-lg"></i>&nbsp;&nbsp;<span style="font-size: 12px">添加容器</span>
        </a>
    </h3>

    <div class="continerboxs" ng-repeat="container in dc.spec.template.spec.containers" ng-class="{'bg-gray': container.show}" ng-init="outindex=$index">
        <div ng-if="!container.new">
            <div class="container-fluid container-bar">
                <div class="row">
                    <div class="col-sm-6">
                        {{container.name}}
                    </div>
                    <div class="col-sm-6 text-right">
                        <a class="icon25 icon25-collapse" ng-click="container.show = !container.show" uib-tooltip="查看"
                           href="javascript:;"></a>
                        <a class="faa faa-times" ng-click="rmContainer($index)" uib-tooltip="删除"
                           href="javascript:;"></a>
                    </div>
                </div>
            </div>

            <div uib-collapse="!container.show" class="container-box">
                <div style="margin-bottom: 20px;">
                    <a href="javascript:;" class="btn btn-orange" ng-click="selectImage($index)">选择镜像</a><span
                        class="require"></span>
                </div>
                <div style="font-size: 12px;color: #5a6378;">
                    <div ng-if="container.image">
                        <p style="margin-bottom: 5px;">
                            镜像:&nbsp;&nbsp;{{container.image | imageStreamName}}
                        </p>
                        <p style="margin-bottom: 30px;">
                            Tag:&nbsp;&nbsp;{{container.tag || "latest"}}
                        </p>
                    </div>
                    <hr>
                    <div>
                        <label ng-if="container.isshow" ng-class="{'active': container.isimageChange}"
                               ng-click="container.isimageChange=!container.isimageChange" style="cursor: pointer;">
                            <i class="faa faa-check"></i>
                            &nbsp;&nbsp;镜像变化触发自动部署
                        </label>
                        <label ng-if="!container.isshow" style="cursor: pointer;color: #CCCCCC;">
                            <i class="faa faa-check"></i>
                            &nbsp;&nbsp;镜像变化触发自动部署
                        </label>
                    </div>
                    <hr>
                    <div>
                        <a href="javascript:;" style="font-size: 14px;" class="href-add" ng-click="addVolume($index)">
                            <i class="fa fa-plus-circle fa-lg"></i>&nbsp;&nbsp;添加卷
                        </a>
                        <div>

                        </div>
                    </div>

                    <div style="margin-top:20px;">
                        <table class="table table-bordered" border="0" cellpadding="0" cellspacing="0"
                               style="border:0px;border-top:1px solid #ddd">
                            <tr ng-if="container.vol.secretarr.length">
                                <td class="col-md-2"
                                    style="padding:0; border: 1px solid #ddd;text-align: center;vertical-align: middle;background: #f7f8fb;">
                                    密钥
                                </td>
                                <td class="col-md-10" style="padding:0;border: 0px;" border="0">
                                    <div ng-repeat="secretarr in container.vol.secretarr">
                                        <div style="border-bottom: 1px solid #ddd;height: 30px;border-right:1px solid #ddd ;line-height: 30px;padding-left:15px;">
                                            {{secretarr.secret.secretName}}
                                        </div>
                                        <div style="height: 30px;line-height: 30px;border-bottom: 1px solid #ddd;border-right:1px solid #ddd ;padding-left:15px;">
                                            {{secretarr.mountPath}}
                                        </div>
                                    </div>

                                </td>
                            </tr>
                            <tr ng-if="container.vol.configmap.length">
                                <td class="col-md-2"
                                    style="padding:0;  border: 1px solid #ddd;text-align: center;vertical-align: middle;background: #f7f8fb;">
                                    配置卷
                                </td>
                                <td class="col-md-10" style="padding:0;border: 0px;" border="0">
                                    <div ng-repeat="configmap in container.vol.configmap">
                                        <div style="border-bottom: 1px solid #ddd;height: 30px;border-right:1px solid #ddd ;line-height: 30px;padding-left:15px;">
                                            {{configmap.configMap.name}}
                                        </div>
                                        <div style="height: 30px;line-height: 30px;border-bottom: 1px solid #ddd;border-right:1px solid #ddd ;padding-left:15px;">
                                            {{configmap.mountPath}}
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr ng-if="container.vol.persistentarr.length">
                                <td class="col-md-2"
                                    style="padding:0; border: 1px solid #ddd; text-align: center;vertical-align: middle;background: #f7f8fb;">
                                    持久化卷
                                </td>
                                <td class="col-md-10" style="padding:0;border: 0px;" border="0">
                                    <div ng-repeat="persistentarr in container.vol.persistentarr">
                                        <div style="border-bottom: 1px solid #ddd;height: 30px;border-right:1px solid #ddd ;line-height: 30px;padding-left:15px;">
                                            {{persistentarr.persistentVolumeClaim.claimName}}
                                        </div>
                                        <div style="height: 30px;line-height: 30px;border-bottom: 1px solid #ddd;border-right:1px solid #ddd ;padding-left:15px;">
                                            {{persistentarr.mountPath}}
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <!-------------------------->


                    <div style="margin:20px 0px 0px;padding:0px 0px 20px;" class="row">
                        <div class="col-md-2" style="padding-top: 5px">
                            <h3>可用性探测</h3>
                        </div>
                        <div class="col-md-10">
                                    <span class="my-checkbox">
                                        <span class="checkbox-check" ng-class="{active: container.doset}" ng-click="survey($index)">
                                            <span class="check-btn"></span>
                                        </span>
                                    </span>
                        </div>
                        <div ng-if="container.doset" style="margin-top:20px;" class="row">
                            <div class="col-md-12 mt10">
                                <div>
                                    <br/>
                                    <label style="font-size: 14px; font-weight: normal;">类型&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                    <br/>
                                    <div class="col-md-11" style="padding-top: 5px;padding-left:0px;">
                                        <div class="dropdown dropdown-select" style="width: 100%;">
                                            <button class="btn dropdown-toggle" data-toggle="dropdown">
                                                <span>{{container.dosetcon}}</span>
                                                <span class="caret"></span>
                                            </button>
                                            <ul class="dropdown-menu">
                                                <li>
                                                    <a href="javascript:;" ng-click="container.dosetcon = 'HTTP'">{{'HTTP'}}</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" ng-click="container.dosetcon = '命令'">{{'命令'}}</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" ng-click="container.dosetcon = 'TCP'">{{'TCP'}}</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <br>


                                </div>
                            </div>
                            <div class="dohttp" ng-if="container.dosetcon === 'HTTP'">
                                <div class="col-md-12 mt10">
                                    <div>
                                        <br/>
                                        <label style="font-size: 14px; font-weight: normal;">路径&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                        <br/>
                                        <div class="col-md-11" style="padding-top: 5px;padding-left:0px;">
                                            <input type="text" name="candopath"
                                                   class="form-control" style="font-size: 12px;"
                                                   ng-model="container.readinessProbe.httpGet.path"
                                                   required
                                                   placeholder="/"/>
                                        </div>
                                        <br>
                                    </div>
                                </div>
                                <div class="col-md-12 mt10">
                                    <div>
                                        <br/>
                                        <label style="font-size: 14px; font-weight: normal;">端口&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                        <br/>
                                        <div class="col-md-11" style="padding-top: 5px;padding-left:0px;">
                                            <!--<input type="number" name="candoport"-->
                                                   <!--class="form-control" style="font-size: 12px;"-->
                                                   <!--ng-model="container.readinessProbe.httpGet.port"-->
                                                   <!--required-->
                                                   <!--placeholder="1"/>-->
                                            <div class="dropdown dropdown-select" style="width: 100%;">
                                                <button class="btn dropdown-toggle" data-toggle="dropdown">
                                                    <span>{{container.readinessProbe.httpGet.port || "请选择端口"}}</span>
                                                    <span class="caret"></span>
                                                </button>
                                                <ul class="dropdown-menu">
                                                    <li ng-repeat="port in portsArr">
                                                        <a href="javascript:;" ng-click="container.readinessProbe.httpGet.port = port.containerPort">{{port.containerPort}}</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <br>
                                    </div>
                                </div>
                            </div>
                            <div class="dohttp" ng-if="container.dosetcon === '命令'">
                                <div class="col-md-12 mt10">
                                    <div class="commandwrop">
                                        <br/>
                                        <label style="font-size: 14px; font-weight: normal;">命令&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                        <br/>
                                        <div class="row" ng-repeat="com in container.readinessProbe.exec.command track by $index" ng-init="innerindex=$index">
                                            <div class="col-md-11" style="padding-top: 5px;">
                                                <input type="text" name="candoname"
                                                       class="form-control" style="font-size: 12px;"
                                                       ng-model=com.key
                                                       required
                                                       ng-keypress="($event.which === 13)?addexec(outindex,innerindex,$event):0"
                                                       placeholder="1"/>

                                            </div>
                                            <div class="col-md-1" style="height: 39px;line-height: 39px;padding:0px;">
                                                <i class="fa fa-lg" style="cursor: pointer" ng-click="innerindex==0?addexec(outindex,innerindex,$event):deleexec(outindex,innerindex)" ng-class="{'fa-times-circle':!$first, 'fa-plus-circle':$first}"></i>
                                            </div>
                                        </div>
                                        <br>
                                    </div>
                                </div>
                            </div>
                            <div class="dohttp" ng-if="container.dosetcon === 'TCP'">
                                <div class="col-md-12 mt10">
                                    <div>
                                        <br/>
                                        <label style="font-size: 14px; font-weight: normal;">端口&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                        <br/>
                                        <div class="col-md-11" style="padding-top: 5px;padding-left:0px;">
                                            <!--<input type="number" name="candoname"-->
                                                   <!--class="form-control" style="font-size: 12px;"-->
                                                   <!--ng-model="container.readinessProbe.tcpSocket.port"-->
                                                   <!--required-->
                                                   <!--placeholder="1"/>-->
                                            <div class="dropdown dropdown-select" style="width: 100%;">
                                                <button class="btn dropdown-toggle" data-toggle="dropdown">
                                                    <span>{{container.readinessProbe.tcpSocket.port || "请选择端口"}}</span>
                                                    <span class="caret"></span>
                                                </button>
                                                <ul class="dropdown-menu">
                                                    <li ng-repeat="port in portsArr">
                                                        <a href="javascript:;" ng-click="container.readinessProbe.tcpSocket.port = port.containerPort">{{port.containerPort}}</a>
                                                    </li>
                                                </ul>
                                            </div>

                                        </div>


                                        <br>


                                    </div>
                                </div>
                            </div>

                            <div class="col-md-12 mt10">
                                <div>
                                    <br/>
                                    <label style="font-size: 14px; font-weight: normal;">探测时间&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                    <br/>
                                    <div class="col-md-11" style="padding-top: 5px;;padding-left:0px;">
                                        <div class="dropdown dropdown-select"
                                             style="width: 100%; border: 1px solid #ccc;">
                                            <div class="input-group" style="width:100%">
                                                <input style="width: 95%;display: inline-block;border: none;font-size: 12px;height: 32px;"
                                                       ng-model="container.readinessProbe.initialDelaySeconds" type="text" class="form-control"
                                                       placeholder="1">
                                                        <span class="input-group-btn"
                                                              style="width:5%;display: inline-block;">
                                                            <span style="line-height: 21px;width:100%;display: inline-block;padding: 6px 12px;color: black;border-color:#8c8c8c;height: 32px;font-size: 12px;">{{'秒'}}</span></span>
                                            </div>
                                        </div>
                                    </div>
                                    <br>
                                </div>
                            </div>
                            <div class="col-md-12 mt10">
                                <div>
                                    <br/>
                                    <label style="font-size: 14px; font-weight: normal;">超时&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                    <br/>
                                    <div class="col-md-11" style="padding-top: 5px;padding-left:0px;">
                                        <div class="dropdown dropdown-select"
                                             style="width: 100%; border: 1px solid #ccc;">
                                            <div class="input-group" style="width:100%">
                                                <input style="width: 95%;display: inline-block;border: none;font-size: 12px;height: 32px;"
                                                       ng-model="container.readinessProbe.timeoutSeconds" type="text" class="form-control"
                                                       placeholder="1">
                                                        <span class="input-group-btn"
                                                              style="width:5%;display: inline-block;">
                                                            <span style="line-height: 21px;width:100%;display: inline-block;padding: 6px 12px;color: black;border-color:#8c8c8c;height: 32px;font-size: 12px;">{{'秒'}}</span></span>
                                            </div>
                                        </div>

                                    </div>
                                    <br>
                                </div>
                            </div>

                        </div>
                    </div>







                    <!-------------------------->

                    <h4 ng-if="false">容器资源限额</h4>
                    <div ng-if="false">
                        CPU<=&nbsp;&nbsp;
                        <input type="text" class="form-control"
                               style="width: 100px;display: inline-block;font-size: 12px;">
                        &nbsp;&nbsp;X&nbsp;&nbsp;&nbsp;
                        内存<=&nbsp;&nbsp;
                        <input type="text" class="form-control"
                               style="width: 100px;display: inline-block;font-size: 12px;">
                        &nbsp;&nbsp;GB
                    </div>
                </div>
            </div>
        </div>
        <div ng-if="container.new" style="border:1px solid #c9c9c9;border-radius:2px;margin-bottom: 15px;">
            <div class="container-fluid container-bar" style="border: none;background: #f7f8fb;">
                <div class="row">
                    <div class="col-sm-6">
                        设置容器
                    </div>
                    <div class="col-sm-6 text-right">
                        <a class="fa fa-times-circle fa-lg" ng-click="rmContainer($index)"
                           style="text-decoration: none;color: #9fa7b7;" href="javascript:;"></a>
                    </div>
                </div>
            </div>

            <div class="container-box" style="margin-bottom: 0;background: #fff;">
                <div style="margin-bottom: 20px;">
                    <input ng-model="container.name" style="width: 95%;display: inline-block;" type="text"
                           class="form-control" placeholder="请设置容器名称"><span class="require"></span>
                    <small ng-show="!container.name && container.emptyName" class="fa fa-info-circle err-tip">&nbsp;请设置容器名，至少2个字符以上</small>
                </div>
                <hr>
                <div style="margin-bottom: 20px;">
                    <a href="javascript:;" class="btn btn-orange" ng-click="selectImage($index)">选择镜像</a><span
                        class="require"></span>
                    <br>
                    <small ng-if="!container.image && container.emptyImage" class="fa fa-info-circle err-tip">&nbsp;请选择镜像</small>
                </div>
                <div style="font-size: 12px;color: #5a6378;">
                    <div ng-if="container.image">
                        <p style="margin-bottom: 5px;">镜像:&nbsp;&nbsp;{{container.image | imageStreamName}}</p>
                        <p style="margin-bottom: 20px;">
                            Tag:&nbsp;&nbsp;{{container.tag}}
                        </p>
                    </div>
                    <hr>
                    <div>
                        <label ng-if="container.isshow" ng-class="{'active': container.isimageChange}"
                               ng-click="container.isimageChange=!container.isimageChange" style="cursor: pointer;">
                            <i class="faa faa-check"></i>
                            &nbsp;&nbsp;镜像变化触发自动部署
                        </label>
                        <label ng-if="!container.isshow" style="cursor: pointer; color: #CCCCCC;">
                            <i class="faa faa-check"></i>
                            &nbsp;&nbsp;镜像变化触发自动部署
                        </label>
                    </div>
                    <hr>

                    <div>
                        <a href="javascript:;" style="font-size: 14px;" class="href-add" ng-click="addVolume($index)">
                            <i class="fa fa-plus-circle fa-lg"></i>&nbsp;&nbsp;添加卷
                        </a>
                        <div>

                        </div>
                    </div>
                    <div style="margin-top:20px;">
                        <table class="table table-bordered" border="0" cellpadding="0" cellspacing="0"
                               style="border:0px;border-top:1px solid #ddd">
                            <tr ng-if="container.vol.secretarr.length">
                                <td class="col-md-2"
                                    style="padding:0; border: 1px solid #ddd;text-align: center;vertical-align: middle;background: #f7f8fb;">
                                    密钥
                                </td>
                                <td class="col-md-10" style="padding:0;border: 0px;" border="0">
                                    <div ng-repeat="secretarr in container.vol.secretarr">
                                        <div style="border-bottom: 1px solid #ddd;height: 30px;border-right:1px solid #ddd ;line-height: 30px;padding-left:15px;">
                                            {{secretarr.secret.secretName}}
                                        </div>
                                        <div style="height: 30px;line-height: 30px;border-bottom: 1px solid #ddd;border-right:1px solid #ddd ;padding-left:15px;">
                                            {{secretarr.mountPath}}
                                        </div>
                                    </div>

                                </td>
                            </tr>
                            <tr ng-if="container.vol.configmap.length">
                                <td class="col-md-2"
                                    style="padding:0;  border: 1px solid #ddd;text-align: center;vertical-align: middle;background: #f7f8fb;">
                                    配置卷
                                </td>
                                <td class="col-md-10" style="padding:0;border: 0px;" border="0">
                                    <div ng-repeat="configmap in container.vol.configmap">
                                        <div style="border-bottom: 1px solid #ddd;height: 30px;border-right:1px solid #ddd ;line-height: 30px;padding-left:15px;">
                                            {{configmap.configMap.name}}
                                        </div>
                                        <div style="height: 30px;line-height: 30px;border-bottom: 1px solid #ddd;border-right:1px solid #ddd ;padding-left:15px;">
                                            {{configmap.mountPath}}
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr ng-if="container.vol.persistentarr.length">
                                <td class="col-md-2"
                                    style="padding:0; border: 1px solid #ddd; text-align: center;vertical-align: middle;background: #f7f8fb;">
                                    持久化卷
                                </td>
                                <td class="col-md-10" style="padding:0;border: 0px;" border="0">
                                    <div ng-repeat="persistentarr in container.vol.persistentarr">
                                        <div style="border-bottom: 1px solid #ddd;height: 30px;border-right:1px solid #ddd ;line-height: 30px;padding-left:15px;">
                                            {{persistentarr.persistentVolumeClaim.claimName}}
                                        </div>
                                        <div style="height: 30px;line-height: 30px;border-bottom: 1px solid #ddd;border-right:1px solid #ddd ;padding-left:15px;">
                                            {{persistentarr.mountPath}}
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <!-------------------------->


                <div style="margin:20px 0px 0px;padding:0px 0px 20px;" class="row">
                    <div class="col-md-2" style="padding-top: 5px;padding-left:0px;">
                        <h3>可用性探测</h3>
                    </div>
                    <div class="col-md-10">
                        <!--<c-checkbox checked="container.doset"></c-checkbox>-->
                    <span class="my-checkbox">
                        <span class="checkbox-check" ng-class="{active: container.doset}" ng-click="survey($index)">
                            <span class="check-btn"></span>
                        </span>
                        <!--<span ng-if="text" class="checkbox-text">{{text}}</span>-->
                    </span>
                    </div>
                    <div ng-if="container.doset" style="margin-top:20px;" class="row">
                        <div class="col-md-12 mt10">
                            <div>
                                <label style="font-size: 14px; font-weight: normal;">类型&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                <br/>
                                <div class="col-md-11" style="padding-top: 5px;padding-left:0px;">
                                    <div class="dropdown dropdown-select" style="width: 100%;">
                                        <button class="btn dropdown-toggle" data-toggle="dropdown">
                                            <span>{{container.dosetcon}}</span>
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a href="javascript:;" ng-click="container.dosetcon = 'HTTP'">{{'HTTP'}}</a>
                                            </li>
                                            <li>
                                                <a href="javascript:;" ng-click="container.dosetcon = '命令'">{{'命令'}}</a>
                                            </li>
                                            <li>
                                                <a href="javascript:;" ng-click="container.dosetcon = 'TCP'">{{'TCP'}}</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <br>
                            </div>
                        </div>
                        <div class="dohttp" ng-if="container.dosetcon === 'HTTP'">
                            <div class="col-md-12 mt10">
                                <div>
                                    <br/>
                                    <label style="font-size: 14px; font-weight: normal;">路径&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                    <br/>
                                    <div class="col-md-11" style="padding-top: 5px;padding-left:0px;">
                                        <input type="text" name="candopath"
                                               class="form-control" style="font-size: 12px;"
                                               ng-model="container.readinessProbe.httpGet.path"
                                               required
                                               placeholder="/"/>
                                    </div>
                                    <br>
                                </div>
                            </div>
                            <div class="col-md-12 mt10">
                                <div>
                                    <br/>
                                    <label style="font-size: 14px; font-weight: normal;">端口&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                    <br/>
                                    <div class="col-md-11" style="padding-top: 5px;padding-left:0px;">
                                        <!--<input type="number" name="candoport"-->
                                               <!--class="form-control" style="font-size: 12px;"-->
                                               <!--ng-model="container.readinessProbe.httpGet.port"-->
                                               <!--required-->
                                               <!--placeholder="1"/>-->
                                        <div class="dropdown dropdown-select" style="width: 100%;">
                                            <button class="btn dropdown-toggle" data-toggle="dropdown">
                                                <span>{{container.readinessProbe.httpGet.port || "请选择端口"}}</span>
                                                <span class="caret"></span>
                                            </button>
                                            <ul class="dropdown-menu">
                                                <li ng-repeat="port in portsArr">
                                                    <a href="javascript:;" ng-click="container.readinessProbe.httpGet.port = port.containerPort">{{port.containerPort}}</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <br>
                                </div>
                            </div>
                        </div>
                        <div class="dohttp" ng-if="container.dosetcon === '命令'">
                            <div class="col-md-12 mt10">
                                <div>
                                    <br/>
                                    <label style="font-size: 14px; font-weight: normal;">命令&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                    <br/>
                                    <div class="row" ng-repeat="com in container.readinessProbe.exec.command track by $index" ng-init="innerindex=$index">
                                        <div class="col-md-11" style="padding-top: 5px;">
                                            <input type="text" name="candoname"
                                                   class="form-control" style="font-size: 12px;"
                                                   ng-model=com.key
                                                   required
                                                   ng-keypress="($event.which === 13)?addexec(outindex,innerindex):0"/>

                                        </div>
                                        <div class="col-md-1" style="height: 39px;line-height: 39px;padding: 0px;">
                                            <i class="fa fa-lg" style="cursor: pointer" ng-click="innerindex==0?addexec(outindex,innerindex):deleexec(outindex,innerindex)" ng-class="{'fa-times-circle':!$first, 'fa-plus-circle':$first}"></i>
                                        </div>
                                    </div>
                                    <br>
                                </div>
                            </div>
                        </div>
                        <div class="dohttp" ng-if="container.dosetcon === 'TCP'">
                            <div class="col-md-12 mt10">
                                <div>
                                    <br/>
                                    <label style="font-size: 14px; font-weight: normal;">端口&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                    <br/>
                                    <div class="col-md-11" style="padding-top: 5px;padding-left:0px;">
                                        <!--<input type="number"-->
                                               <!--class="form-control" style="font-size: 12px;"-->
                                               <!--ng-model="container.readinessProbe.tcpSocket.port"-->
                                               <!--required-->
                                               <!--placeholder="1"/>-->
                                        <div class="dropdown dropdown-select" style="width: 100%;">
                                            <button class="btn dropdown-toggle" data-toggle="dropdown">
                                                <span>{{container.readinessProbe.tcpSocket.port || "请选择端口"}}</span>
                                                <span class="caret"></span>
                                            </button>
                                            <ul class="dropdown-menu">
                                                <li ng-repeat="port in portsArr">
                                                    <a href="javascript:;" ng-click="container.readinessProbe.tcpSocket.port = port.containerPort">{{port.containerPort}}</a>
                                                </li>
                                            </ul>
                                        </div>

                                    </div>
                                    <br>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12 mt10">
                            <div>
                                <br/>
                                <label style="font-size: 14px; font-weight: normal;">探测时间&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                <br/>
                                <div class="col-md-11" style="padding-top: 5px;;padding-left:0px;">
                                    <div class="dropdown dropdown-select"
                                         style="width: 100%; border: 1px solid #ccc;">
                                        <div class="input-group" style="width:100%">
                                            <input style="width: 95%;display: inline-block;border: none;font-size: 12px;height: 32px;"
                                                   ng-model="container.readinessProbe.initialDelaySeconds" type="text" class="form-control"
                                                   placeholder="1">
                                                        <span class="input-group-btn"
                                                              style="width:5%;display: inline-block;">
                                                            <span style="line-height: 21px;width:100%;display: inline-block;padding: 6px 12px;color: black;border-color:#8c8c8c;height: 32px;font-size: 12px;">{{'秒'}}</span></span>
                                        </div>
                                    </div>
                                </div>
                                <br>
                            </div>
                        </div>
                        <div class="col-md-12 mt10">
                            <div>
                                <br/>
                                <label style="font-size: 14px; font-weight: normal;">超时&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                <br/>
                                <div class="col-md-11" style="padding-top: 5px;padding-left:0px;">
                                    <div class="dropdown dropdown-select"
                                         style="width: 100%; border: 1px solid #ccc;">
                                        <div class="input-group" style="width:100%">
                                            <input style="width: 95%;display: inline-block;border: none;font-size: 12px;height: 32px;"
                                                   ng-model="container.readinessProbe.timeoutSeconds" type="text" class="form-control"
                                                   placeholder="1">
                                                        <span class="input-group-btn"
                                                              style="width:5%;display: inline-block;">
                                                            <span style="line-height: 21px;width:100%;display: inline-block;padding: 6px 12px;color: black;border-color:#8c8c8c;height: 32px;font-size: 12px;">{{'秒'}}</span></span>
                                        </div>
                                    </div>

                                </div>
                                <br>
                            </div>
                        </div>

                    </div>
                </div>







                <!-------------------------->
            </div>

        </div>
    </div>

    <h3>端口开放&nbsp; <a ng-click="addprot()" class="href-add" style="line-height: 40px; margin-bottom: 10px"
                      href="javascript:;">
        <i class="fa fa-plus-circle fa-lg"></i>&nbsp;&nbsp;<span style="font-size: 12px">添加端口</span>
    </a></h3>

    <div class="table-responsive" style="margin-bottom: 30px;overflow: hidden;" ng-show="portsArr.length">
        <table class="table table-hover table-default sub-table" style="padding-bottom: 20px;">
            <!--<tr>-->
                <!--&lt;!&ndash;<th style="width: 20%;">容器名称</th>&ndash;&gt;-->
                <!--&lt;!&ndash;<th style="width: 30%; display: none;">镜像</th>&ndash;&gt;-->
                <!--<th style="width: 50%;">端口</th>-->
            <!--</tr>-->
            <tr>
                <td>
                    <div class="row">
                        <div class="col-sm-3">协议</div>
                        <div class="col-sm-3">容器端口</div>
                        <div class="col-sm-3">服务端口</div>
                        <div class="col-sm-3"></div>
                    </div>
                </td>

            </tr>
            <tr ng-repeat="port in portsArr">
                <!--<td style="vertical-align: middle;">-->
                <!--{{container.name}}-->
                <!--</td>-->
                <!--<td style="vertical-align: middle; display: none;">-->
                <!--<span>-->
                <!--<p>镜像名称:</p>-->
                <!--<p>{{container.image | imageStreamName}}</p>-->
                <!--<p>镜像版本:</p>-->
                <!--<p><span>{{container.tag}}</span></p>-->
                <!--</span>-->
                <!--</td>-->
                <td style="vertical-align: middle;border-top: none;padding:0px;">

                    <div class="row" style="margin-top: 15px;margin-left:0px;margin-right: 0px;">
                        <div class="col-sm-3">
                            <!--<input type="text"-->
                            <!--class="input-small"-->
                            <!--ng-model="port.protocol">-->
                            <select class="input-small" ng-model="port.protocol">
                                <option value="TCP">TCP</option>
                                <option value="UDP">UDP</option>
                            </select>
                        </div>
                        <div class="col-sm-3">
                            <input type="text" class="input-small"
                                   ng-class="{'input-error':port.conflict}"
                                   ng-model="port.containerPort">
                        </div>
                        <div class="col-sm-3">
                            <input type="text" ng-class="{'input-error':port.serviceConflict}" ng-model="port.hostPort"
                                   class="input-small">
                        </div>
                        <div class="col-sm-3">
                            <a href="javascript:;" style='color: #9fa7b7;' ng-click="delprot($index)"
                               class="fa fa-lg fa-times-circle"
                            ></a>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
    </div>

    <h2>高级配置</h2>
    <hr>

    <div class="row">
        <div class="col-md-2" style="padding-top: 10px;">
            <h3>服务高可用</h3>
        </div>
        <div class="col-md-10">
            <label style="font-size: 12px; font-weight: normal;">POD数量&nbsp;&nbsp;&nbsp;&nbsp;</label>
            <input ng-model="dc.spec.replicas" name="cdm" min="1" max="10" style="width: 80px;display: inline-block;"
                   type="text" class="form-control">
            <hr>
            <div ng-if="false">
                <label style="font-size: 12px; font-weight: normal;">自动伸缩&nbsp;&nbsp;&nbsp;&nbsp;</label>
                <c-checkbox checked="rubustCheck"></c-checkbox>
                <br>
                <div ng-if="rubustCheck">
                    <label style="font-size: 12px; font-weight: normal;  margin-top: 35px;">资源阈值&nbsp;&nbsp;&nbsp;&nbsp;</label>
                    <span style="font-size: 12px">POD最小数量  <input name="cdm" min="1" max="10"
                                                                  style="width: 80px;display: inline-block;"
                                                                  type="text" class="form-control"></span>
                    <span style="font-size: 12px">POD最大数量  <input name="cdm" min="1" max="10"
                                                                  style="width: 80px;display: inline-block;"
                                                                  type="text" class="form-control"></span>
                    <span style="font-size: 12px">CPU平均利用率 <input name="cdm" min="1" max="10"
                                                                  style="width: 80px;display: inline-block;"
                                                                  type="text" class="form-control"></span>
                </div>
                <hr>
            </div>
            <label ng-show="false" style="font-size: 12px; font-weight: normal;">重启策略&nbsp;&nbsp;&nbsp;&nbsp;</label>
            <div ng-show="false" class="dropdown dropdown-select" style="width: 200px;">
                <button class="btn dropdown-toggle" data-toggle="dropdown">
                    <span>{{dc.spec.template.spec.restartPolicy}}</span>
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li>
                        <a href="javascript:;" ng-click="dc.spec.template.spec.restartPolicy = 'Always'">Always</a>
                        <a href="javascript:;"
                           ng-click="dc.spec.template.spec.restartPolicy = 'OnFailure'">OnFailure</a>
                        <a href="javascript:;" ng-click="dc.spec.template.spec.restartPolicy = 'Never'">Never</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--<hr style="margin-top: 20px;">-->

    <div class="row">
        <div class="col-md-2" style="padding-top: 5px">
            <h3>路由设置</h3>
        </div>
        <div class="col-md-10">
                    <c-checkbox ng-if="portsArr.length>0" checked="grid.route"></c-checkbox>
                    <span class="my-checkbox" ng-if="!portsArr.length" ng-click="grid.noroute=true">
                        <span class="checkbox-check">
                            <span class="check-btn"></span>
                        </span>
                        <!--<small >请选择一个TPC端口</small>-->
                        <small ng-if="grid.noroute" class="fa fa-info-circle err-tip">请添加端口</small>
                    </span>
            <br>
            <div ng-if="grid.route" style="margin-top: 35px;">
                <div>
                    <small ng-if="!grid.port" class="fa fa-info-circle err-tip">请填写TCP端口</small>
                </div>
                <!--<label style="font-size: 12px; font-weight: normal;  margin-top: 35px;"></label>-->
                <div class="dropdown dropdown-select" style="width: 80px;">
                    <button class="btn dropdown-toggle" data-toggle="dropdown" ng-click="updatePorts()">
                        <span>{{grid.port || '端口'}}</span>
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" style="width: 80px;">
                        <li ng-repeat="port in grid.ports">
                            <a href="javascript:;" ng-click="grid.port = port">{{port+'(TCP)'}}</a>
                        </li>
                    </ul>
                </div>
                <div class="dropdown dropdown-select" style="width: 120px;">
                    <button class="btn dropdown-toggle" data-toggle="dropdown" ng-click="updatePorts()">
                        <span>{{grid.cname}}</span>
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" style="width: 120px; min-width: 120px">
                        <li>
                            <a href="javascript:;" ng-click="grid.cname = '系统域名'">{{'系统域名'}}</a>
                        </li>
                        <li>
                            <a href="javascript:;" ng-click="grid.cname = '自定义域名'">{{'自定义域名'}}</a>
                        </li>
                    </ul>
                </div>
                <div class="dropdown dropdown-select" style="width: 412px; border: 1px solid #ccc;">
                    <div class="input-group" style="width:100%">
                        <input style="width: 35%;display: inline-block;border: none;font-size: 12px;height: 32px;"
                               ng-model="grid.host" type="text" class="form-control" placeholder="请输入域名前缀">
                                <span class="input-group-btn" style="width:65%;display: inline-block;">
                                <span ng-if="grid.cname == '系统域名'"
                                        style="line-height: 21px;width:100%;display: inline-block;padding: 6px 12px;color: black;border-color:#8c8c8c;height: 32px;font-size: 12px;"
                                        >{{grid.suffix}}
                                </span>
                                <span ng-if="grid.cname == '自定义域名'" style="line-height: 21px;width:100%;display: inline-block;padding: 6px 12px;color: black;border-color:#8c8c8c;height: 32px;font-size: 12px;">需将自定义域名指向router.app.dataos.io</span>
                                </span>
                    </div><!-- /input-group -->
                </div>
                <br>
                <!--<p style="margin-top: 35px;" ng-if="!grid.tlsshow">-->
                    <!--<a style="font-size: 14px;margin-left: 2px;cursor: pointer; font-weight: bolder;color: #5b73eb"-->
                       <!--ng-click="grid.tlsshow=true">TLS设置</a></p>-->
                <div>

                    <!--<p style="margin-top: 35px;font-size: 18px;">TLS设置</p>-->
                    <div class="dropdown dropdown-select" style="width: 620px">
                        <br/>
                        <label style="font-size: 12px; font-weight: normal;">TLS设置&nbsp;&nbsp;&nbsp;&nbsp;</label>
                        <br/>
                        <button class="btn dropdown-toggle" data-toggle="dropdown">
                            <span>{{grid.tlsset||'none'}}</span>
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="javascript:;" ng-click="grid.tlsset = 'none'">{{'none'}}</a>
                            </li>
                            <li>
                                <a href="javascript:;" ng-click="grid.tlsset = 'edge'">{{'edge'}}</a>
                            </li>
                            <li>
                                <a href="javascript:;"
                                   ng-click="grid.tlsset = 'passthrough'">{{'passthrough'}}</a>
                            </li>
                            <li>
                                <a href="javascript:;"
                                   ng-click="grid.tlsset = 're-encrypt'">{{'re-encrypt'}}</a>
                            </li>
                        </ul>
                    </div>
                    <div ng-if="grid.tlsset=='edge'">
                        <br>

                        <label style="font-size: 12px; font-weight: normal;">HTTP协议设置&nbsp;&nbsp;&nbsp;&nbsp;</label>
                        <br/>

                        <!--<p style="margin-top: 35px;font-size: 18px;">HTTP协议设置</p>-->
                        <div class="dropdown dropdown-select" style="width: 620px;">
                            <button class="btn dropdown-toggle" data-toggle="dropdown">
                                <span>{{grid.httpset}}</span>
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="javascript:;" ng-click="grid.httpset = 'None'">{{'None'}}</a>
                                </li>
                                <li>
                                    <a href="javascript:;" ng-click="grid.httpset = 'Allow'">{{'Allow'}}</a>
                                </li>
                                <li>
                                    <a href="javascript:;" ng-click="grid.httpset = 'Redirect'">{{'Redirect'}}</a>
                                </li>

                            </ul>
                        </div>
                    </div>
                    <div class="timeline timee col-md-12" style="margin-top: 35px;padding: 0;width:620px;">
                        <ul style="border: none;padding:0px;">
                            <li ng-if="grid.tlsset=='edge'||grid.tlsset=='re-encrypt'" style="left:0;">
                                <label style="font-size: 12px; font-weight: normal;">证书&nbsp;&nbsp;&nbsp;&nbsp;</label><br/>
                                <div class="row" style="margin:0px;">
                                     <div class="container-fluid diantiao col-sm-11" style="margin-left: 0;padding:0px;border: 1px solid #c9c9c9;">
                                         <div class="row" style="margin:0px;">
                                              <div class="col-md-10">
                                                  <span class="form-control" style="border: none;height:30px;">{{grid.zsfile.key}}</span>
                                              </div>
                                              <div class="col-md-2" style="margin:0px;pading:0px; text-align: right;padding:0px;">
                                                  <div class="dropdown dropdown-select">
                                                      <div class="input-group">

                                                    <span class="input-group-btn" style="position: relative;">
                                                        <span class="btn btn-default btn_file"
                                                              style="margin:0px"
                                                              ng-click="addzhengshu()">上传
                                                            <input type="file" class="file-input" id="zsfile" value="选择" style="height:auto;"/>
                                                        </span>
                                                    </span>


                                                      </div>
                                                  </div>
                                              </div>
                                         </div>
                                        </div>
                                    <div class="col-sm-1" style="padding:0px;">
                                        <a class="icon25 icon25-collapse" uib-tooltip="查看" style="margin-top: 5px;margin-left:15px;" ng-click="zhengshu=!zhengshu"
                                           href="javascript:;"></a>
                                    </div>
                                </div>
                                <div uib-collapse="!zhengshu">
                                    <div class="well well-log"
                                         style='overflow: auto;background-color: #fff; margin-top: 15px;margin-left: 0;border: 1px solid #c9c9c9;width:620px;'>
                                        <textarea ng-model="routeconf.spec.tls.certificate" class="testt"></textarea>
                                    </div>
                                </div>

                            </li>
                            <!------------------------------------>
                            <li ng-if="grid.tlsset=='edge'||grid.tlsset=='re-encrypt'" style="left:0;">
                                <label style="font-size: 12px; font-weight: normal;">密钥&nbsp;&nbsp;&nbsp;&nbsp;</label><br/>
                                <div class="row" style="margin:0px;">
                                    <div class="container-fluid diantiao col-sm-11" style="margin-left: 0;padding:0px;border: 1px solid #c9c9c9;">
                                        <div class="row" style="margin:0px;">
                                            <div class="col-md-10">
                                                <span class="form-control" style="border: none;height:30px;">{{grid.syfile.key}}</span>
                                            </div>
                                            <div class="col-md-2" style="margin:0px;pading:0px; text-align: right;padding:0px;">
                                                <div class="dropdown dropdown-select">
                                                    <div class="input-group">
                                                    <span class="input-group-btn" style="position: relative;">
                                                        <span class="btn btn-default btn_file"
                                                              style="margin:0px;"
                                                              ng-click="addsy()">上传
                                                            <input type="file" class="file-input" id="syfile" value="选择" style="height:auto;"/>
                                                        </span>
                                                    </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-1" style="padding:0px;">
                                        <a class="icon25 icon25-collapse" uib-tooltip="查看" style="margin-top: 5px;margin-left:15px;" ng-click="miyao=!miyao"
                                           href="javascript:;"></a>
                                    </div>
                                </div>
                                <div uib-collapse="!miyao">
                                    <div class="well well-log"
                                         style='overflow: auto;background-color: #fff; margin-top: 15px;margin-left: 0;border: 1px solid #c9c9c9;width:620px;'>
                                        <textarea ng-model="routeconf.spec.tls.key" class="testt"></textarea>
                                    </div>
                                </div>

                            </li>

                            <li ng-if="grid.tlsset=='edge'||grid.tlsset=='re-encrypt'" style="left:0;">
                                <label style="font-size: 12px; font-weight: normal;">CA证书&nbsp;&nbsp;&nbsp;&nbsp;</label><br/>
                                <div class="row" style="margin:0px;">
                                    <div class="container-fluid diantiao col-sm-11" style="margin-left: 0;padding:0px;border: 1px solid #c9c9c9;">
                                        <div class="row" style="margin:0px;">
                                            <div class="col-md-10">
                                                <span class="form-control" style="border: none;height:30px;">{{grid.cafile.key}}</span>
                                            </div>
                                            <div class="col-md-2" style="margin:0px;pading:0px; text-align: right;padding:0px;">
                                                <div class="dropdown dropdown-select">
                                                    <div class="input-group">
                                                    <span class="input-group-btn" style="position: relative;">
                                                        <span class="btn btn-default btn_file"
                                                              style="margin:0px;"
                                                              ng-click="addca()">上传
                                                            <input type="file" class="file-input" id="cafile" value="选择" style="height:auto;"/>
                                                        </span>
                                                    </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-1" style="padding:0px;">
                                        <a class="icon25 icon25-collapse" uib-tooltip="查看" style="margin-top: 5px;margin-left:15px;" ng-click="cazhengshu=!cazhengshu"
                                           href="javascript:;"></a>
                                    </div>
                                </div>
                                <div uib-collapse="!cazhengshu">
                                    <div class="well well-log"
                                         style='overflow: auto;background-color: #fff; margin-top: 15px;margin-left: 0;border: 1px solid #c9c9c9;width:620px;'>
                                        <textarea ng-model="routeconf.spec.tls.caCertificate" class="testt"></textarea>
                                    </div>
                                </div>

                            </li>
                            <li ng-if="grid.tlsset=='re-encrypt'" style="left:0;">
                                <label style="font-size: 12px; font-weight: normal;">目标CA证书&nbsp;&nbsp;&nbsp;&nbsp;</label><br/>
                                <div class="row" style="margin:0px;">
                                    <div class="container-fluid diantiao col-sm-11" style="margin-left: 0;padding:0px;border: 1px solid #c9c9c9;">
                                        <div class="row" style="margin:0px;">
                                            <div class="col-md-10">
                                                <span class="form-control" style="border: none;height:30px;">{{grid.mcafile.key}}</span>
                                            </div>
                                            <div class="col-md-2" style="margin:0px;pading:0px; text-align: right;padding:0px;">
                                                <div class="dropdown dropdown-select">
                                                    <div class="input-group">
                                                    <span class="input-group-btn" style="position: relative;">
                                                        <span class="btn btn-default btn_file"
                                                              style="margin:0px;"
                                                              ng-click="addmca()">上传
                                                            <input type="file" class="file-input" id="mcafile" value="选择" style="height:auto;"/>
                                                        </span>
                                                    </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-1" style="padding:0px;">
                                        <a class="icon25 icon25-collapse" uib-tooltip="查看" style="margin-top: 5px;margin-left:15px;" ng-click="mcazhengshu=!mcazhengshu"
                                           href="javascript:;"></a>
                                    </div>
                                </div>
                                <div uib-collapse="!mcazhengshu">
                                    <div class="well well-log"
                                         style='overflow: auto;background-color: #fff; margin-top: 15px;margin-left: 0;border: 1px solid #c9c9c9;width:620px;'>
                                        <textarea ng-model="routeconf.spec.tls.destinationCACertificate"></textarea>
                                    </div>
                                </div>

                            </li>


                        </ul>

                    </div>


                </div>
            </div>
        </div>
    </div>
    <hr style="margin-top: 20px;">

    <div class="row">
        <div class="col-md-2">
            <h3>后端服务绑定</h3>
        </div>
        <div class="col-md-10" ng-if="!bsi.items.length">
            <span>无</span>
            <!--&lt;!&ndash;<a ui-sref="console.backing_service" class="href-add">&ndash;&gt;-->
                <!--&lt;!&ndash;<i class="fa fa-plus-circle fa-lg"></i>&nbsp;&nbsp;<span style="font-size: 12px">创建</span>&ndash;&gt;-->
            <!--&lt;!&ndash;</a>&ndash;&gt;-->
        </div>
        <div class="col-md-9" ng-if="bsi.items.length">
            <div class="panel panel-default sub-panel">
                <!--<div class="panel-heading">-->
                    <!--后端服务实例-->
                <!--</div>-->
                <div class="panel-body" style="padding-bottom: 0;">
                    <div class="row">
                        <div class="col-md-6" ng-repeat="item in bsi.items">
                            <div class="tabandimage" ng-class="{'selected': item.bind}"
                                 ng-click="item.bind = !item.bind">
                                <i class="faa faa-image" style="float: left;margin-right: 10px;"></i>
                                <i class="faa faa-image-mark" ng-show="item.bind"></i>
                                <p style="margin: 10px 0 5px 0;">{{item.metadata.name}}</p>
                                <p>{{item.spec.provisioning.backingservice_name}}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <hr>


    <div class="row">
        <div class="col-md-2">
            <h3>环境变量设置</h3>
        </div>
        <div class="col-md-10">
            <a href="javascript:;" class="href-add" ng-click="addEnv()">
                <i class="fa fa-plus-circle fa-lg"></i>&nbsp;&nbsp;<span style="font-size: 12px">创建环境变量</span>
            </a>
        </div>
        <div class="col-md-9 col-md-offset-2" ng-if="envs.length>0">
            <div class="panel panel-default sub-panel">
                <div class="panel-heading">
                    环境变量设置
                </div>
                <div class="panel-body" style="padding-bottom: 0;">
                    <span ng-if="envs.length > 0">
                        <div class="row key-value-bar" style="margin-bottom: 15px" ng-repeat="env in envs">
                            <div class="col-md-5">
                                <div style="float: left;line-height: 36px;">键&nbsp;&nbsp;</div>
                                <div style="overflow: hidden">
                                    <input ng-model="env.name" type="text" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div style="float: left;line-height: 36px;">值&nbsp;&nbsp;</div>
                                <div style="overflow: hidden">
                                    <input ng-model="env.value" type="text" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-1" id='xz' style="line-height: 36px;">
                                <a href="javascript:;"

                                   ng-click="delEnv($index)"
                                   class="fa fa-lg fa-times-circle">

                                </a>
                            </div>
                        </div>
                    </span>
                </div>
            </div>
        </div>
    </div>
    <hr>

    <div class="row">
        <div class="col-md-2" style="padding-top: 5px">
            <h3>配额限制</h3>
        </div>
        <div class="col-md-10">
            <c-checkbox checked="quota.doquota"></c-checkbox>
            <br>
            <div ng-if="quota.doquota">
                <div class="col-md-12" style="padding: 0;">
                    <div class="col-md-4"style="padding: 0;">
                        <input class="form-control" ng-model="quota.cpu" style="margin-top: 10px; width: 100%;" type="text" name="num" required>
                        <small class="fa fa-info-circle err-tip" ng-if="grid.cpuerr" style="margin-top: 20px;">
                            提示：您输入数量超过可用数量</small>
                        <small class="fa fa-info-circle err-tip" ng-if="grid.cpunumerr" style="margin-top: 20px;">
                            提示：您输入数数值不合法</small>
                    </div>
                    <div class="col-md-2"style="padding: 0;text-align: center;line-height: 54px;">

                       <span ng-if="grid.cpunum">可用CPU:{{grid.cpunum}}个</span>
                    </div>
                    <div class="col-md-3"style="padding: 0;">
                        <input class="form-control" ng-model="quota.memory" style="margin-top: 10px; width: 100%;" type="text" name="num" required>
                        <small class="fa fa-info-circle err-tip" ng-if="grid.memoryerr" style="margin-top: 20px;">
                            提示：您输入数量超过可用数量</small>
                        <small class="fa fa-info-circle err-tip" ng-if="grid.memorynumerr" style="margin-top: 20px;">
                            提示：您输入数数值不合法</small>
                    </div>
                    <div class="col-md-1"style="padding: 0;">
                        <div class="dropdown">
                            <button id="btnout" class="btn btn-default dropdown-toggle select" style="margin-top: 10px;" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                {{quota.unit}}
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu" style="min-width:auto;" aria-labelledby="dropdownMenu1">
                                <li><a ng-click="quota.unit='MB'">MB</a></li>
                                <li><a ng-click="quota.unit='GB'">GB</a></li>
                            </ul>
                        </div>

                    </div>
                    <div class="col-md-2"style="padding: 0;text-align: center;line-height: 54px;">
                        <span ng-if="grid.megnum">可用内存:{{grid.megnum}}GB</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <hr>

    <div class="row">
        <div class="col-md-2">
            <h3>自动部署</h3>
        </div>
        <!--<div class="col-md-5">-->
            <!--&lt;!&ndash;<label ng-if="grid.isimageChange" ng-class="{'active': grid.imageChange}" ng-click="grid.imageChange=!grid.imageChange" style="cursor: pointer;">&ndash;&gt;-->
            <!--&lt;!&ndash;<i class="faa faa-check"></i>&ndash;&gt;-->
            <!--&lt;!&ndash;&nbsp;&nbsp;镜像变化触发自动部署&ndash;&gt;-->
            <!--&lt;!&ndash;</label>&ndash;&gt;-->
            <!--&lt;!&ndash;<label ng-if="!grid.isimageChange" style="cursor: pointer; color: #CCCCCC">&ndash;&gt;-->
            <!--&lt;!&ndash;<i class="faa faa-check"></i>&ndash;&gt;-->
            <!--&lt;!&ndash;&nbsp;&nbsp;镜像变化触发自动部署&ndash;&gt;-->
            <!--&lt;!&ndash;</label>&ndash;&gt;-->
        <!--</div>-->
        <div class="col-md-5">
            <!--<labe><input type="checkbox" ng-model="grid.configChange">&nbsp;&nbsp;配置变化触发自动部署</labe>-->
            <label ng-class="{'active': grid.configChange}" ng-click="grid.configChange=!grid.configChange"
                   style="cursor: pointer;">
                <i class="faa faa-check"></i>
                &nbsp;&nbsp;配置变化触发自动部署
            </label>
        </div>
    </div>
    <hr>

    <div class="row" ng-if="false">
        <div class="col-md-2" style="padding-top: 5px;">
            <h3>性能监控</h3>
        </div>
        <div class="col-md-10">
            <c-checkbox checked="checkedthird"></c-checkbox>
            &nbsp;&nbsp;&nbsp;&nbsp;
            <a ng-if="checkedthird" class="btn btn-orange">性能监测配置</a>
        </div>
    </div>

    <hr style="margin-top: 20px;" ng-if="false">

    <div class="row" ng-if="false">
        <div class="col-md-2" style="padding-top: 5px;">
            <h3>警告服务</h3>
        </div>
        <div class="col-md-10">
            <c-checkbox checked="checkedforth"></c-checkbox>
            &nbsp;&nbsp;&nbsp;&nbsp;
            <a ng-if="checkedforth" class="btn btn-orange">告警服务配置</a>
        </div>
    </div>

    <hr style="margin-top: 20px;" ng-if="false">

    <small ng-show="servicepoterr" class="fa fa-info-circle err-tip">&nbsp;端口填写错误</small>
    <small ng-show="grid.conflict" class="fa fa-info-circle err-tip">&nbsp;容器端口冲突，请修改</small>
    <small ng-show="grid.serviceConflict" class="fa fa-info-circle err-tip">&nbsp;服务端口冲突，请修改</small>
    <button class="btn btn-orange btn-block" ng-click="updateDc()">更新(会自动触发重新部署)</button>
    <style>
        .timee ul > li {
            margin: 0;
            margin-bottom: 20px;
        }

        .file-input {
            position: absolute;
            width: 54px;
            height: 34px;
            top: 0;
            right: 0;
            filter: alpha(opacity:0);
            opacity: 0;
        }
        .mt {
            margin-top: 5px;
        }
        #btnout {
            background: #e0e0e0;
            color: #000;
        }
        #btnout:focus {
            background: #e0e0e0;
        }
        #btnout:hover {
            color: black;
        }
        .testt {
            font-size: 12px;
            line-height: 20px;
            background: none;
            border: none;
            color: #333333;
            height: 300px;
            word-break: break-all;
            word-wrap: break-word;
            white-space: pre-wrap;
            display: block;
            max-height: 300px;
            width: 100%;
            max-width: 100%;
        }
    </style>
</div>
